<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>叮当快药</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/rem.js"></script>

</head>

<body>
    <!-- 页头 -->
    <div id="header" class="container">
        <ul>
            <li class="address">
                <div><span class="iconfont icon-dizhi"></span></div>
                <div><a href="#"> 送至：某某某某某某某某某某某某某某某某某地......<span class="iconfont icon-xiaoyu-copy"></span></a>
                </div>
                <div> <span class="iconfont icon-shouye1"></span></div>
            </li>
            <li class="search">
                <div class="icon"><span class="iconfont icon-sousuo"></span></div>
                <div><input type="text" placeholder="搜索 药物 症状 品牌"></div>
                <div class="icon"><span class="iconfont icon-erweima2"></span></div>
            </li>
        </ul>
    </div>
    <!-- 主体 -->
    <div id="main">
        <!-- 轮播区 -->
        <div id="banner" class="container">
            <a href="#"><img src="images/banner_02.png" alt=""></a>
        </div>
        <!-- 头条 -->
        <div id="topLine" class="container">
            <ul>
                <li>
                    <div><span class="iconfont icon-stt"></span></div>
                    <a href="#">叮当头条</a>
                </li>
                <li>
                    <div><span class="iconfont icon-zhidao1"></span></div>
                    <a href="#">药师指导</a>
                </li>
                <li>
                    <div><span class="iconfont icon-lunchuan"></span></div>
                    <a href="#">海外购</a>
                </li>
                <li>
                    <div><span class="iconfont icon-hospital-full"></span></div>
                    <a href="#">医生在线</a>
                </li>
                <li>
                    <div><span class="iconfont icon-huiyuanzhongxin"></span></div>
                    <a href="#">会员中心</a>
                </li>
            </ul>
        </div>
        <!-- 全球精选 -->
        <div id="or" class="container">
            <a href="#">
                <img src="images/or_02.png" alt="">
            </a>
        </div>
        <!-- 公告 -->
        <div id="notice" class="container">
            <div>
                <h3>公告</h3><span>提供24小时快速服务</span>
            </div>
            <div>
                <div>
                    <span class="iconfont icon-duigouzhong"></span><span>28分钟快送</span>
                </div>
                <div>
                    <span class="iconfont icon-duigouzhong"></span><span>满28免运费</span>
                </div>
                <div>
                    <span class="iconfont icon-duigouzhong"></span><span>24小时服务</span>
                </div>
            </div>
        </div>
        <!-- 28分钟快送 -->
        <div id="eight" class="container">
            <div class="two">
                <div>28分钟快送</div>
                <div><a href="#">医院常开药品</a></div>
                <div>部分第2件8折</div>
            </div>
            <div><img src="images/yao_03.png" alt=""></div>
            <div class="two">
                <div>28分钟快送</div>
                <div><a href="#">美妆个护</a></div>
                <div>部分第2件5折</div>
            </div>
            <div><img src="images/hongbao_03.png" alt=""></div>
        </div>
        <!-- 感冒发烧区 -->
        <div id="cold" class="container">
            <ul>
                <li>
                    <div><span class="iconfont icon-wenduji"></span></div>
                    <a href="#">感冒发烧</a>
                </li>
                <li>
                    <div><span class="iconfont icon-yezi"></span></div>
                    <a href="#">清热解毒</a>
                </li>
                <li>
                    <div><span class="iconfont icon-fei"></span></div>
                    <a href="#">咳嗽用药</a>
                </li>
                <li>
                    <div><span class="iconfont icon-chuangketie1"></span></div>
                    <a href="#">皮肤用药</a>
                </li>
            </ul>
            <ul>
                <li>
                    <div><span class="iconfont icon-wei"></span></div>
                    <a href="#">肠胃用药</a>
                </li>
                <li>
                    <div><span class="iconfont icon-lingdang"></span></div>
                    <a href="#">性福生活</a>
                </li>
                <li>
                    <div><span class="iconfont icon-yaoping"></span></div>
                    <a href="#">滋补调养</a>
                </li>
                <li>
                    <div><span class="iconfont icon-yaoping1"></span></div>
                    <a href="#">功能保健</a>
                </li>
            </ul>
        </div>
        <!-- 暖宝宝区 -->
        <div id="warm" class="container">
            <div><img src="images/1.png" alt=""></div>
            <div>
                <div>
                    <div>28分钟</div><a href="#">
                        <h3>恒温持久发热 给你温暖</h3>
                    </a>
                </div>
                <div>【20片装】[小林暖宝宝]一次性使用取暖片(即贴)10片×2</div>
                <div><button>低价换购</button><button>1元换购</button><button>立省17.90元</button></div>
                <div>
                    <div>￥54.90 <span>￥72.40</span></div>
                    <div> <span class="iconfont icon-gouwuche2"></span></div>
                </div>
            </div>
        </div>
        <!-- 维C区 -->
        <div id="warm" class="container">
            <div><img src="images/2.png" alt=""></div>
            <div>
                <div>
                    <div>28分钟</div><a href="#">
                        <h3>泡着喝维C 增强抵抗力</h3>
                    </a>
                </div>
                <div>【20片装】[小林暖宝宝]一次性使用取暖片(即贴)10片×2</div>
                <div><button>低价换购</button><button>1元换购</button><button>立省17.90元</button></div>
                <div>
                    <div>￥54.90 <span>￥72.40</span></div>
                    <div> <span class="iconfont icon-gouwuche2"></span></div>
                </div>
            </div>
        </div>
        <!-- 广告区 -->
        <div id="ad" class="container">
            <a href="#"><img src="images/banner1_02.png" alt=""></a>
        </div>
    </div>
    <!-- 页脚 -->
    <div id="footer" class="container">
        <ul>
            <li>
                <div><span class="iconfont icon-shouye"></span></div>
                <div><a href="index.html">首页</a></div>
            </li>
            <li>
                <div><span class="iconfont icon-yao-2"></span></div>
                <div><a href="store.html">叮当商城</a></div>
            </li>
            <li>
                <div><span class="iconfont icon-gouwuche"></span></div>
                <div><a href="#">清单列表</a></div>
            </li>
            <li>
                <div><span class="iconfont icon-wode"></span></div>
                <div><a href="mine.html">我的</a></div>
            </li>
        </ul>
    </div>
</body>

</html>